<!DOCTYPE html>
<html>
<head>
	<title>支付 - </title>
  <link href="https://cdn.bootcss.com/bootstrap/4.0.0-beta/css/bootstrap.min.css" rel="stylesheet">
<link href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
</head>
<body>
 
<div class="modal" tabindex="-1" role="dialog" style="height: 100%;display: block;margin:0px auto">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title">{{$nowTime}}</h5> 
      </div>
      <div class="modal-body">
      	<div class="text-center" id="load">
	      	<i class="fa fa-refresh fa-spin fa-2x" style="color: rgb(141,21,41)"></i>
      		
      	</div>
      	<div class="text-center" style="display: none;" id="qrcode">
			{{-- {!! $res['html'] !!} --}}
			@if(isset($res['qr_code']))
				<img src="http://qr.liantu.com/api.php?&w=200&text={{$res['qr_code']}}">
			@else
			<div style="position: relative;">
				<img src="http://qr.liantu.com/api.php?&w=200&text=watermoe.club" >
				<div style="width:165px;height:160px;position:absolute;left:150px;top:20px;background: rgba(0,0,0,.9);color:#fff;line-height: 160px;z-index: 9">二维码已过期</div>
			</div> 
			@endif
			<div></div>
      		<h6 style="color: orange">{{$sub}}</h6>
      	</div>
        <ul class="list-group mt-5" style="height: 100px;overflow-y: scroll;">
        	@foreach ($payCart as $cart)
        		<li class="list-group-item">{{$cart->name}} <span class="float-right badge badge-primary">￥ {{$cart->price}} * {{$cart->qty}}</span></li>
        	@endforeach
        </ul>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-primary" disabled>确定</button>
        <button type="button" class="btn btn-secondary" data-dismiss="modal" onclick="window.location.href='/'">取消</button>
      </div>
    </div>
  </div>
</div> 
<script src=" {{asset('home/js/jquery.js')}}"></script>
<script>
	$(function(){

			$("#load").hide();
			$("#qrcode").show() 
	})
</script>
</body>
</html>